<%--
  Created by IntelliJ IDEA.
  User: itlaobing
  Date: 2018/9/30
  Time: 9:35
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta charset="utf-8" />
    <title>品农商城-管理</title>
    <base href="<%=basePath %>">
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="keywords" content="通州酒水,通州生鲜,通州水果,通州蔬菜,通州肉,通州蛋,通州促销活动,通州促销产品,北京通糖烟酒糖业有限公司,北京通州区超市" />
    <meta http-equiv="description" content="北京通州酒水,北京通州生鲜,北京通州促销产品等,北京通州区超市连锁,北京通州区免费送货,北京通州区正品低价、品质保障、配送及时、轻松购物,北京通州品农,北京通州品质" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="assets/lib/css/bootstrap.min.css" media="screen" />
    <link rel="stylesheet" href="assets/lib/css/font-awesome.min.css" />
    <link rel="stylesheet" href="assets/lib/css/metrize.css" />
    <link rel="stylesheet" href="assets/lib/css/animate.css" />
    <link rel="stylesheet" href="assets/lib/css/toastr.min.css" />
    <link rel="stylesheet" href="assets/lib/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" href="assets/lib/css/chosen.min.css" />
    <link rel="stylesheet" href="assets/lib/css/main.css" />
    <link rel="stylesheet" href="assets/lib/css/slidebars.css" />
    <link rel="stylesheet" href="assets/app/css/management/application.css" />
    <!-- HTML5 shiv and Respond.js IE8 support of HTML5 elements and media \ -->
    <!--[if lt IE 9]>
    <script src="assets/lib/js/html5shiv.min.js"></script>
    <script src="assets/lib/js/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" href="assets/app/css/management/members.css" />

    <%--提示框--%>
    <link href="/assets/message/css/message.css" rel="stylesheet" type="text/css" />

</head>

<body>
<!-- Left sidebar start -->
<%@include file="../common/left.jsp" %>
<!-- Left sidebar end -->
<!-- Dashboard Wrapper Start -->
<div class="dashboard-wrapper">
    <!-- Header start -->
    <%@include file="../common/head.jsp" %>
    <!-- Header ends -->
    <!-- Right sidebar start -->
    <!-- Right sidebar end -->
    <!-- Main Container Start -->
    <div class="main-container">
        <!-- Top Bar Starts -->
        <div class="top-bar clearfix">

            <div class="page-title">
                <h4>
                    <div class="fs1" aria-hidden="true" data-icon="&#xe0ac;"></div>
                    账号管理
                </h4>
            </div>

        </div>
        <!-- Top Bar Ends -->
        <!-- Container fluid Starts -->
        <div class="container-fluid">
            <!-- Spacer starts -->
            <div class="spacer-xs">

                <div class="row no-gutter">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4>账号创建</h4>
                            </div>
                            <div class="panel-body">
                                <div class="data-table" style="margin-top: 10px">
                                    <div class="panel-body">
                                        <form id="systemAccount_form" class="form-horizontal" action="/management/user/action/save" method="post">
                                            <div class="form-group"><label class="col-sm-3 control-label no-padding-right" for="systemuseraccount">账号&nbsp;<span style='color:#d15b47'>*</span></label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <input id="systemuseraccount" name="systemuseraccount" class="form-control" placeholder="请输入管理员账号"  type="text" value="${user.systemuseraccount}"/></div>
                                            </div>
                                            <div class="form-group"><label class="col-sm-3 control-label no-padding-right" for="systemusername">真实姓名&nbsp;<span style='color:#d15b47'>*</span></label>
                                                <div class="col-xs-12 col-sm-5"><input id="systemusername" name="systemusername" class="form-control" placeholder="请输入管理员姓名" type="text" value="${user.systemusername}"/></div>
                                            </div>
                                            <div class="form-group"><label class="col-sm-3 control-label no-padding-right" for="systemrolename">系统身份&nbsp;<span style='color:#d15b47'>*</span></label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <select id="systemrolename" name="systemrolename" class="form-control">
                                                        <option value="">请选择系统身份</option>
                                                        <option value="超级管理员" <c:if test="${user.systemrolename=='超级管理员'}">selected</c:if> >超级管理员</option>
                                                        <option value="普通管理员" <c:if test="${user.systemrolename=='普通管理员'}">selected</c:if>>普通管理员</option>
                                                    </select>
                                                </div>
                                            </div>
                                            <div class="form-group"><label class="col-sm-3 control-label no-padding-right" >账号状态&nbsp;<span style='color:#d15b47'>*</span></label>
                                                <div class="col-xs-12 col-sm-5">
                                                    <div class="form-group" style="padding: 4px 16px;">
                                                        <label class="radio-inline">
                                                            <input type="radio" value="1" <c:if test="${user.systemuserstatus==1}">checked</c:if>  name="systemuserstatus">锁定
                                                        </label>
                                                        <label class="radio-inline">
                                                            <input type="radio" value="0" <c:if test="${user.systemuserstatus==0}">checked</c:if> name="systemuserstatus"> 正常
                                                        </label>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="alert alert-danger">
                                                <i class="ace-icon fa fa-exclamation-triangle red bigger-130"></i>
                                                <button class="close" data-dismiss="alert">
                                                    <i class="ace-icon fa fa-times"></i>
                                                </button>
                                                注意:账号创建成功之后的默认密码为:<span class="badge badge-danger">12345678</span>,登录后请立即修改密码!
                                            </div>
                                            <hr />
                                            <div class="form-group">
                                                <div class="col-sm-3"></div>
                                                <div class="col-sm-5">
                                                    <button type="submit" class="btn btn-primary btn-sm">
                                                        <i class="ace-icon fa fa-check bigger-110"></i>
                                                        保存
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                    <div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- Spacer ends -->
        </div>
        <!-- Container fluid ends -->
    </div>
    <!-- Main Container Start -->
    <!-- Footer Start -->
    <%@include file="../common/foot.jsp" %>
    <!-- Footer end -->
</div>
<!-- Dashboard Wrapper End -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="assets/lib/js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="assets/lib/js/bootstrap.min.js"></script>
<!-- Animated Right Sidebar -->
<script src="assets/lib/js/slidebars.js"></script>
<script src="assets/lib/js/toastr.min.js"></script>
<!-- Date time select -->
<script src="assets/lib/js/moment.min.js"></script>
<script src="assets/lib/js/moment.zh-cn.js"></script>
<script src="assets/lib/js/bootstrap-datetimepicker.min.js"></script>
<script src="assets/lib/js/chosen.jquery.min.js"></script>
<!-- Custom JS -->
<script src="assets/lib/js/custom.js"></script>
<script type="text/javascript">
    jQuery.ctx = ""; //在js中可以直接通过$.ctx来获取应用程序上下文
    jQuery.servletPath = "/management/members"; //在js中可以直接通过$.servletPath 来获取请求的路径
</script>
<script type="text/javascript" src="assets/app/js/management/application.js"></script>

<script type="text/javascript" src="/assets/app/js/management/members.js"></script>

<div id="modal-ajax" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content"></div>
    </div>
</div>

<%--提示框js --%>
<script src="assets/message/js/message.js"></script>

<c:if test="${not empty error}">
    <script type="text/javascript">
        $.message({
            message:"${error}",
            type:'error'
        });
    </script>
</c:if>
<c:if test="${not empty success}">
    <script type="text/javascript">
        $.message({
            message:"${success}",
            type:'success'
        });
    </script>
</c:if>
<c:if test="${not empty defeat}">
    <script type="text/javascript">
        $.message({
            message:"${defeat}",
            type:'error'
        });
    </script>
</c:if>
<!--前端验证的js-->
<script src="/assets/app/js/management/create.js"></script>

</body>

</html>
